
/* ******************************************************************** */ 
/*  Estilo de la estructura principal o Layout de la pagina           
 *  @author ajChV23
 *  11/01/2012
 *
/* ******************************************************************** */

* { padding: 0; margin: 0; }
html{
    background: #efefef;
}

body {
    font-family: Helvetica, Verdana, Arial,  sans-serif;
    font-size: 12px;
    background: #efefef;
}

p {
    padding-bottom: 10px;
}

#tablaContenedora{
    background: #efefef;    
    height: 100%;
    width: 100%;
}

#ajaxStatusPanel{    
    position: absolute;
    top: 0px;
    right: 45%;

}
#ajaxStatusPanelDiv{
    width: 200px;
    height: 20px;
    background-color: #7092BE;/*#ffff00;*/
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    
    /* for IE 8 & 9 (more valid) */	
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	
    /* This works in IE 8 & 9 too ... but also 5, 6, 7 */
    filter: alpha(opacity=90);
	
    /* Older than Firefox 0.9 */
    -moz-opacity:0.9;
	
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.9;
    
    /* Firefox 0.9+, Safari 2?, Chrome any?  Opera 9+, IE 9+ */
    opacity: 0.9;
    
    color: #FEFEFE;
    font-weight: bold;
    
    border: 1px solid #1b2541; /* #1b2541 = Dark Blue */
    border-top:0px;
    padding: 1px;
    z-index: 999999999;
}

#header{
    background: #09C;
    height: 35px;
    padding: 5px;
    min-width: 900px;
}

#navigation_bar{
    background: #1e3b5d; /* Agua 009999 */
    min-width: 800px;
    background: url('../../recursos/imagenes/barra3.png') center repeat-x;
    height: 25px;
    vertical-align: middle;
}

#menu_principal{    
    vertical-align: top;
    padding-top: 5px;
    padding-left: 5px;
}

#contenido{
    height: 400px;
    width: 500px; 
    padding: 5px;
    margin-top: 2px;
    margin-left: 300px;        
    vertical-align: central;
    padding-top: 5px;
}


#footer{
    background: #1e3b5d;
    background: url('../../recursos/imagenes/barra3.png') center repeat-x;
    height: 35px;
    color:#000;
    width: 100%;

    position: fixed;
    bottom: 0px;
}



/* El estilo barra superior se utiliza para el toolbar donde se muestra
   el nombre de usuario fecha actual y demas informacion */
#barra_superior {
    background-color: #F2F2F2;/*#1C253E; /*#000;*/
    color: #000;
    height: 85px;    
    min-width: 360mm;        
}


#barra_superior img{    
    margin-left: 20px;
    margin-right: 2px;

    display: inline-block;
    border: solid 3px #F2F2F2;
    border-style: dotted;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);    
}


